<template>
    <div>
        <!-- 轮播 -->
        <div class="a-carousel_box">
           <a-carousel arrows  :dots="false">
              <div slot="prevArrow" slot-scope="props" class="custom-slick-arrow prevArrow"></div>
              <div slot="nextArrow" slot-scope="props" class="custom-slick-arrow nextArrow"></div>
              <div v-for="(item,index) in carouselList" :key="index" :style="'height:500px;background: url('+item.img+') top center no-repeat;background-size: cover;'">
                 <!-- <img :src="item.img" alt="" /> -->
              </div>
              <!-- <div>
                 <img :src="item.img" alt="" />
              </div> -->
            </a-carousel>
        </div>
        <!-- 发布 -->
        <PublishLump></PublishLump>
        <!-- 服务大厅 -->
        <ServiceHall></ServiceHall>
        <!-- 线路信息 -->
        <RoadWayInformation></RoadWayInformation>
        <!-- 车源信息 -->
        <Carinformation></Carinformation>
        <!-- 货源信息 -->
        <SupplyGoods></SupplyGoods>
        <!-- 仓储信息 -->
        <StorageInfromation></StorageInfromation>
        <!-- 供应链大厅 -->
        <SupplyChainHall></SupplyChainHall>
        <!-- 数据大厅 -->
        <!-- <DataHall></DataHall> -->
        <!-- 新闻资讯 -->
        <NewsInformation></NewsInformation>
        <!-- 政策法规 -->
        <PoliciesRegulations></PoliciesRegulations>
    </div>
</template>

<script>
import DataHall from './components/DataHall'
import RoadWayInformation from './components/RoadWayInformation'//线路信息
import Carinformation from './components/Carinformation'//车源信息
import SupplyGoods from './components/SupplyGoods'//货源信息
import StorageInfromation from './components/StorageInfromation'//仓储信息
import SupplyChainHall from './components/SupplyChainHall'//供应链大厅
import PublishLump from './components/PublishLump' // 发布
import ServiceHall from './components/ServiceHall' // 服务大厅
import NewsInformation from './components/NewsInformation' // 新闻资讯
import PoliciesRegulations from './components/PoliciesRegulations' // 政策法规
import AuthMixin from '~/mixins/auth'
export default {
  mixins: [ AuthMixin ],
  data() {
    return {
      carouselList: [
        {
          img: require('./../../static/img/index/banner1.jpg')
        },{
          img: require('./../../static/img/index/banner2.jpg')
        }
      ],
    }
  },
  components: {
    DataHall,//数据大厅
    RoadWayInformation,//信息大厅-线路信息
    Carinformation,//信息大厅-车源信息
    StorageInfromation,//信息大厅-仓储信息
    SupplyGoods,//信息大厅-货源信息
    SupplyChainHall,//供应链大厅
    PublishLump,
    ServiceHall,
    NewsInformation,
    PoliciesRegulations,
  },
  beforeCreate() {
    // this.formCar = this.$form.createForm(this);
  },
  created: function() {

  },
  methods: {

  }
};
</script>

<style lang="scss">
@import "../../assets/css/index/index.scss";
</style>
